/* 
    Document   : p
    Created on : Oct 4, 2013, 11:32:54 PM
    Author     : phuc
    Description:
        Purpose of the stylesheet follows.
*/
/*
.hero h1{font-family: 'Univers-light'; font-size: 36px; color: #333333; text-transform: uppercase;}
.hero p{font-family: 'Univers-light'; font-size: 24px;}
.contact-info{
    color: #495A8E;
    font-family: 'Univers-light';
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
}
.social-link {
    color: #495A8E;
    font-family: 'Univers-light';
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}
.team .info {
    height: 130px;
}
.team .readmore {
    background: none repeat scroll 0 0 #495A8E;
    float: left;
    margin-left: 10px;
    padding: 10px 20px;
    text-transform: uppercase;
}
.more-faci{background-color: #495a8e; color: #fff; cursor: pointer; padding: 10px 30px; width: 300px; margin: 20px auto 0}
#services .slide .span4{text-align: left}
#services .slide .span4 img
{
    border: 7px solid #495A8E;
    width: 94%;
}

#footer{background-color: #666666; height: 70px; line-height: 70px; padding: 0; text-align: center}
*/

.booknow{position: fixed; top:200px; left: 0; cursor: pointer}
.promotion{position: fixed; top:330px; left: 0; cursor: pointer}
.hide{display: none}
.booknow-modal{width: 640px; margin-left: -280px}
.register-modal{width: 600px; margin-left: -280px}
.booknow-modal .modal-body{padding: 0; position: relative}
.booknow-modal button.close{
    right: -50px;
    top: 0;
    background-image: url("../img/button-close.jpg");
    color: #495a8e;
    color: rgba(0, 0, 0, 0);
    text-shadow: none !important;
    box-shadow: 0 0 1px 0px rgba(255, 255, 255, 0.3) inset;
    opacity: 1;
}

.modal button.close{
    background-image: url("../img/button-close.jpg");
    color: #495a8e;
    color: rgba(0, 0, 0, 0);
    text-shadow: none !important;
    box-shadow: 0 0 1px 0px rgba(255, 255, 255, 0.3) inset;
    opacity: 1;
}

.booknow-modal .modal-body .btn-register{
    position: absolute; right: 100px; bottom: 35px;
    background-color: #366088;
    cursor: pointer;
    color: #ffffff;
    width: 200px;
    height: 40px; line-height: 40px;
    text-align: center;
    text-transform: uppercase;
    font-size: 22px;
    font-family: 'univers_light_condensed';
	font-weight: bold;

}

.register-modal .modal-body{padding: 15px;}
.ifyou {
    margin-bottom: 20px;
}

.register-title{
    color: #495A8E;
    font-size: 30px;
}

form.register input[type="submit"], form.contact input[type="submit"]{
    background-color: #366088;
    /*padding: 10px 70px 10px 100px;*/
    text-transform: uppercase;
    border: none;
    color: #ffffff;
    font-weight: bold;
    background-image: url('../img/send-bg.jpg');
    width: 189px; height: 47px;
    margin-top: 20px;
    font-family: 'univers_light_condensed';
    font-size: 20px;
	text-align:left;
	padding-left:50px;

}

.en-vi {
    position: fixed;
    right: 5px;
    top: 10px;
    z-index: 1039
}
.en-vi a {
    background-color: #A6BCD1;
    color: #FFFFFF;
    display: block;
    float: left;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px;
}

.en-vi a.active{background-color: #35608a;}

form table td{vertical-align: top; /*width: 250px;*/}
form table td .desc{font-size: 12px;}
form table td textarea{width: 820px; height: 100px;}
.parsley-error-list{
    color: #ff0000;
    list-style: none;
    margin: -10px 0 0 0;
    font-size: 12px;

}

.booknow-modal .modal-footer{display: none}

.navbar .nav > li > a{width: 100px;}
.navbar .nav {
    margin-right: 20px;
}

.booknow-modal{background-color: #f1f1f1}
.booknow-modal input[type="text"], .booknow-modal textarea, .booknow-modal select{
    background-color: #ececec;
    border-radius: 3px;
    width: 90%;

}

.booknow-modal textarea{}

form.contact table{width: 100%}

.success-message{color: #495A8E; font-weight: bold}
.error-message{color: #ff0000; font-weight: bold}

/*.single #navbar{position: fixed; top: 0; left: 0; right: 0}*/
.more-new:hover, .more-faci:hover, .more-test:hover, #more-gallery:hover{text-decoration: underline;}

#why-us .entry-content h2{color: #495A8E}

.carousel-indicators li.active{
    font-weight: bold !important; 
    text-decoration: underline;
}

#navbar{z-index: 9}
.modal-body h1{font-size: 30px;}

#btn_up, #btn_up:hover {
    background-image: url('../img/arrow-up-icon-50.png');
    background-color: transparent;
}

.news-list-ul{
    font-size: 15px;
    list-style: square outside none;
    position: absolute;
    top: 50px;
    z-index: 2;
    display: none;
}

@media (min-width: 1024px) {
    .news-list-ul{display: block}
    .brick1.odd.news-item{position: relative;}
    .brick1.odd.news-item span{
        border-bottom: 1px solid #FFFFFF;
        margin: 0 20px;
    }
    
    #header .news-item .nav-item i{display: none;}
}

@media (max-width: 1024px) {
    .booknow, .promotion {
        width: 35px;
    }
    .promotion{top: 290px;}
    .booknow-modal button.close{
        right: 0px;
    }
}
@media (min-width: 1200px) {
    .news-list-ul{top: 70px; font-size: 17px;}
}
